<template>
  <div class="section_common">
    <!-- 顶部文档区域 -->

    <!-- 内容输入区域 -->
    <el-form ref="form" label-width="150px" label-position="left">
      <p class="area_title">模板文档内容需下载填写,点击文档内容即可下载</p>
      <div class="documnet_area">
        <div class="title">文档：</div>
        <div class="item">
          <a href="" id="syqmbkh" style="color: white">试用期目标考核.xlsx</a>
        </div>
        <div class="item">
          <a href="" id="jxpm" style="color: white"
            >绩效排名(试用期转正).xlsx</a
          >
        </div>
        <!--<div class="item"><a href="" id="dlkf" style="color: white">独立开发试用期转正评估.xlsx</a></div>
      <div class="item"><a href="" id="kfzl" style="color: white">开发助理试用期评估.xlsx</a></div>-->
      </div>
      <el-form-item label="区域" required>
        <el-radio-group v-model="area" disabled>
          <el-radio label="深圳">深圳</el-radio>
          <el-radio label="合肥">合肥</el-radio>
          <el-radio label="武汉">武汉</el-radio>
        </el-radio-group>
      </el-form-item>

      <el-form-item label="工号" required>
        <el-input v-model="jobNum" size="mini" readonly></el-input>
      </el-form-item>
      <el-form-item label="姓名" required>
        <el-input v-model="uname" size="mini" readonly></el-input>
      </el-form-item>
      <!--<el-form-item label="分区" required>
        <el-select
          v-model="area"
          size="mini"
          placeholder="请选择工作地区"
        >
          <el-option label="深圳" value="深圳"></el-option>
          <el-option label="合肥" value="合肥"></el-option>
          <el-option label="武汉" value="武汉"></el-option>
        </el-select>
      </el-form-item>-->
      <!--      <el-form-item label="员工自评" required>
        <el-input v-model="selfEva" size="mini" @focus="show=true"></el-input>
      </el-form-item>
      <van-popup v-model="show" @close="close()" closeable close-icon="checked" close-icon-position="bottom-right">
        <van-collapse v-model="activeName" accordion>

          <van-collapse-item name="1">
            <template #title>
              <el-form-item label="第一项" required>
                <el-input v-model="self1" size="mini"></el-input>
              </el-form-item>
              &lt;!&ndash;<el-input style="font-size:100%;line-height: 100%" label="第一项" type="number" v-model="self1" placeholder="请输入1-5分"/>&ndash;&gt;
            </template>
            <el-input  autosize="" type="textarea" class="title_input" v-model="exa1" placeholder="请输入具体事例说明"/>
            <div class="contentdiv">
              <div>理解客户本质需求，为客户创造长期价值</div>
              <p>（1分）通过自我摸索或与人沟通，正确领会客户需求并迅速做出响应，对执行结果第一时间反馈。</p>
              <p>（2分）站在客户角度思考，分析客户意见，与客户进行高频沟通，提出自己的看法与建议。</p>
              <p>（3分）善于整合数据资源，能够透过现象看本质，挖掘客户的潜在需求，基于明确事实立即做出简单正确的推理并实践。</p>
              <p>（4分）定期恳请客户反馈，及时发现工作中的不足并改进，获得良好的个人口碑。</p>
              <p>（5分）关注市场与客户需求变化，能分清主要矛盾和次要矛盾，用发展的眼光预测事物的发展轨迹，并持续获得突破和创新，为客户创造新的价值。</p>
            </div>
          </van-collapse-item>

          <van-collapse-item name="2">
            <template #title>
              <el-form-item label="第二项" required>
                <el-input v-model="self2" size="mini"></el-input>
              </el-form-item>
            </template>
            <el-input autosize="" type="textarea" class="title_input" v-model="exa2" placeholder="请输入具体事例说明"/>
            <div class="contentdiv">
              <div>发掘人才，共同成长</div>
              <p>（1分）工作中上进心强，通过自我学习或与人沟通，掌握工作技巧。善于发现他人优点，主动向优秀同事学习。</p>
              <p>（2分）保持空杯心态，通过工作反思或恳请他人反馈，主动发现自己的不足，持续自我完善，不断更新知识结构，提高工作技能，以适应公司发展。</p>
              <p>（3分）积极参与经验交流或培训学习，主动分享自己的工作技巧和方法，帮助他人成长。</p>
              <p>（4分）积极维护公司形象，主动宣传公司，提出过有益于公司发展的有效建议，或举荐过优质人才。</p>
              <p>（5分）个人能力和意愿与公司的需求和目标保持高度一致，并在行动上协助达成公司目标的实现，为公司的发展做出重大贡献。</p>
            </div>
          </van-collapse-item>

          <van-collapse-item name="3">
            <template #title>
              <el-form-item label="第三项" required>
                <el-input v-model="self3" size="mini"></el-input>
              </el-form-item>
            </template>
            <el-input autosize="" type="textarea" class="title_input" v-model="exa3" placeholder="请输入具体事例说明"/>
            <div class="contentdiv">
              <div>追求极致</div>
              <p>（1分）认可岗位价值，专注于自己的工作，保持对工作的深度思考和钻研。</p>
              <p>（2分）有明确的工作目标，对工作输出有较高的标准，并运用各种方法确保达标。</p>
              <p>（3分）求责于己，不断自我反馈，自我纠正；不断设置更高的目标，把今天的最好表现当做明天的最低要求，不断超越自己，追求新的高度。</p>
              <p>（4分）对自己工作结果输出精益求精，做到比客户还了解客户需求，80%的工作做到超预期。</p>
              <p>（5分）经常审视所有环节还有哪里可以做得更好？不断找到新的突破点，提出创新改善方案，并获得成功。</p>
            </div>
          </van-collapse-item>

          <van-collapse-item name="4">
            <template #title>
              <el-form-item label="第四项" required>
                <el-input v-model="self4" size="mini"></el-input>
              </el-form-item>
            </template>
            <el-input  autosize="" type="textarea" class="title_input" v-model="exa4" placeholder="请输入具体事例说明"/>
            <div class="contentdiv">
              <div>正直</div>
              <p>（1分）遵守公司各项规章制度，诚实守信、言行一致。遇到利益诱惑时能坚持原则，不因职务之便谋取私利。对于违反公司规则的要求，勇敢的说“不”。</p>
              <p>（2分）通过正确的程序和流程，准确表达自己的观点；不传播未经证实的消息，不在背后不负责任的议论人和事，并能正面引导。</p>
              <p>（3分）勇于承认错误，敢于承担责任，虚心接受他人的意见并及时改正。</p>
              <p>（4分）客观反映问题，敢于指出他人的错误，不受利益和压力的影响，不将个人喜好带入工作中，对事情进行公平公正的评价和处理，充分体现对事不对人的原则。</p>
              <p>（5分）对损害公司利益的行为严厉制止。始终坚持个人原则，维护公司利益，做正确的事情，不随波逐流。</p>
            </div>
          </van-collapse-item>

          <van-collapse-item name="5">
            <template #title>
              <el-form-item label="第五项" required>
                <el-input v-model="self5" size="mini"></el-input>
              </el-form-item>
            </template>
            <el-input autosize="" type="textarea" class="title_input" v-model="exa5" placeholder="请输入具体事例说明"/>
            <div class="contentdiv">
              <div>敬业</div>
              <p>（1分）工作时间只做与工作相关的事，没有因工作失职而造成重复错误。不随意迟到、早退和请假。</p>
              <p>（2分）认可自己的工作职责，认真的采取行动去完成这些职责。始终保持良好的工作状态，对工作不应付了事，能按时交付成果，工作结果符合标准。</p>
              <p>（3分）具有使命感，对工作充满激情，不计较个人得失，宁愿放弃休息时间也要按时保质保量地完成任务。在工作中遇到困难时不放弃，会努力克服困难完成任务。</p>
              <p>（4分）持续学习，自我完善，通过各种途径不断提升工作技能，以高质量标准要求自己。</p>
              <p>（5分）能依据公司的发展需求安排工作的轻重缓急和优先次序，不因为短期业绩压力而忽略长期发展的要求，确保工作中以最少投入获得最大产出。</p>
            </div>
          </van-collapse-item>

          <van-collapse-item name="6">
            <template #title>
              <el-form-item label="第六项" required>
                <el-input v-model="self6" size="mini"></el-input>
              </el-form-item>
            </template>
            <el-input autosize="" type="textarea" class="title_input" v-model="exa6" placeholder="请输入具体事例说明"/>
            <div class="contentdiv">
              <div>友善</div>
              <p>（1分）尊重他人、礼貌沟通，积极融入团队，全力配合团队完成工作。</p>
              <p>（2分）做到换位思考，合理表达诉求，面对争执时保持理智，不将个人情绪带入工作当中，肯定团队中他人的付出。</p>
              <p>（3分）心态积极，乐于分享业务知识和经验，主动帮助他人解决问题。</p>
              <p>（4分）集体荣誉感强，工作中主动承担更多的任务或职责，使得团队工作顺利开展。</p>
              <p>（5分）心怀感恩、以身作则，积极正面的影响团队，引导团队形成友善互助的风气，有效提升工作效率。</p>
            </div>
          </van-collapse-item>
        </van-collapse>
      </van-popup>


      <el-form-item label="组长评分">
        <el-input v-model="leaderEva" size="mini" @focus="leadershow=true"></el-input>
      </el-form-item>
      <van-popup v-model="leadershow" @close="leaderclose()">
        <van-collapse v-model="leaderactiveName" accordion>

          <van-collapse-item name="1">
            <template #title>
             <el-form-item label="第一项" required>
                <el-input v-model="leaderself1" size="mini"></el-input>
              </el-form-item>
            </template>
            <div class="contentdiv">
              <div>理解客户本质需求，为客户创造长期价值</div>
              <p>（1分）通过自我摸索或与人沟通，正确领会客户需求并迅速做出响应，对执行结果第一时间反馈。</p>
              <p>（2分）站在客户角度思考，分析客户意见，与客户进行高频沟通，提出自己的看法与建议。</p>
              <p>（3分）善于整合数据资源，能够透过现象看本质，挖掘客户的潜在需求，基于明确事实立即做出简单正确的推理并实践。</p>
              <p>（4分）定期恳请客户反馈，及时发现工作中的不足并改进，获得良好的个人口碑。</p>
              <p>（5分）关注市场与客户需求变化，能分清主要矛盾和次要矛盾，用发展的眼光预测事物的发展轨迹，并持续获得突破和创新，为客户创造新的价值。</p>
            </div>
          </van-collapse-item>

          <van-collapse-item name="2">
            <template #title>
              <el-form-item label="第二项" required>
                <el-input v-model="leaderself2" size="mini"></el-input>
              </el-form-item>
            </template>
            <div class="contentdiv">
              <div>发掘人才，共同成长</div>
              <p>（1分）工作中上进心强，通过自我学习或与人沟通，掌握工作技巧。善于发现他人优点，主动向优秀同事学习。</p>
              <p>（2分）保持空杯心态，通过工作反思或恳请他人反馈，主动发现自己的不足，持续自我完善，不断更新知识结构，提高工作技能，以适应公司发展。</p>
              <p>（3分）积极参与经验交流或培训学习，主动分享自己的工作技巧和方法，帮助他人成长。</p>
              <p>（4分）积极维护公司形象，主动宣传公司，提出过有益于公司发展的有效建议，或举荐过优质人才。</p>
              <p>（5分）个人能力和意愿与公司的需求和目标保持高度一致，并在行动上协助达成公司目标的实现，为公司的发展做出重大贡献。</p>
            </div>
          </van-collapse-item>

          <van-collapse-item name="3">
            <template #title>
              <el-form-item label="第三项" required>
                <el-input v-model="leaderself3" size="mini"></el-input>
              </el-form-item>
            </template>
            <div class="contentdiv">
              <div>追求极致</div>
              <p>（1分）认可岗位价值，专注于自己的工作，保持对工作的深度思考和钻研。</p>
              <p>（2分）有明确的工作目标，对工作输出有较高的标准，并运用各种方法确保达标。</p>
              <p>（3分）求责于己，不断自我反馈，自我纠正；不断设置更高的目标，把今天的最好表现当做明天的最低要求，不断超越自己，追求新的高度。</p>
              <p>（4分）对自己工作结果输出精益求精，做到比客户还了解客户需求，80%的工作做到超预期。</p>
              <p>（5分）经常审视所有环节还有哪里可以做得更好？不断找到新的突破点，提出创新改善方案，并获得成功。</p>
            </div>
          </van-collapse-item>

          <van-collapse-item name="4">
            <template #title>
             <el-form-item label="第四项" required>
                <el-input v-model="leaderself4" size="mini"></el-input>
              </el-form-item>
            </template>
            <div class="contentdiv">
              <div>正直</div>
              <p>（1分）遵守公司各项规章制度，诚实守信、言行一致。遇到利益诱惑时能坚持原则，不因职务之便谋取私利。对于违反公司规则的要求，勇敢的说“不”。</p>
              <p>（2分）通过正确的程序和流程，准确表达自己的观点；不传播未经证实的消息，不在背后不负责任的议论人和事，并能正面引导。</p>
              <p>（3分）勇于承认错误，敢于承担责任，虚心接受他人的意见并及时改正。</p>
              <p>（4分）客观反映问题，敢于指出他人的错误，不受利益和压力的影响，不将个人喜好带入工作中，对事情进行公平公正的评价和处理，充分体现对事不对人的原则。</p>
              <p>（5分）对损害公司利益的行为严厉制止。始终坚持个人原则，维护公司利益，做正确的事情，不随波逐流。</p>
            </div>
          </van-collapse-item>

          <van-collapse-item name="5">
            <template #title>
              <el-form-item label="第五项" required>
                <el-input v-model="leaderself5" size="mini"></el-input>
              </el-form-item>
            </template>
            <div class="contentdiv">
              <div>敬业</div>
              <p>（1分）工作时间只做与工作相关的事，没有因工作失职而造成重复错误。不随意迟到、早退和请假。</p>
              <p>（2分）认可自己的工作职责，认真的采取行动去完成这些职责。始终保持良好的工作状态，对工作不应付了事，能按时交付成果，工作结果符合标准。</p>
              <p>（3分）具有使命感，对工作充满激情，不计较个人得失，宁愿放弃休息时间也要按时保质保量地完成任务。在工作中遇到困难时不放弃，会努力克服困难完成任务。</p>
              <p>（4分）持续学习，自我完善，通过各种途径不断提升工作技能，以高质量标准要求自己。</p>
              <p>（5分）能依据公司的发展需求安排工作的轻重缓急和优先次序，不因为短期业绩压力而忽略长期发展的要求，确保工作中以最少投入获得最大产出。</p>
            </div>
          </van-collapse-item>

          <van-collapse-item name="6">
            <template #title>
              <el-form-item label="第六项" required>
                <el-input v-model="leaderself6" size="mini"></el-input>
              </el-form-item>
            </template>
            <div class="contentdiv">
              <div>友善</div>
              <p>（1分）尊重他人、礼貌沟通，积极融入团队，全力配合团队完成工作。</p>
              <p>（2分）做到换位思考，合理表达诉求，面对争执时保持理智，不将个人情绪带入工作当中，肯定团队中他人的付出。</p>
              <p>（3分）心态积极，乐于分享业务知识和经验，主动帮助他人解决问题。</p>
              <p>（4分）集体荣誉感强，工作中主动承担更多的任务或职责，使得团队工作顺利开展。</p>
              <p>（5分）心怀感恩、以身作则，积极正面的影响团队，引导团队形成友善互助的风气，有效提升工作效率。</p>
            </div>
          </van-collapse-item>
        </van-collapse>
      </van-popup>


      <el-form-item label="主管评分">
        <el-input v-model="comEva" size="mini" @focus="comshow=true"></el-input>
      </el-form-item>
      <van-popup v-model="comshow" @close="comclose()">
        <van-collapse v-model="comactiveName" accordion>

          <van-collapse-item name="1">
            <template #title>
             <el-form-item label="第一项" required>
                <el-input v-model="comself1" size="mini"></el-input>
              </el-form-item>
            </template>
            <div class="contentdiv">
              <div>理解客户本质需求，为客户创造长期价值</div>
              <p>（1分）通过自我摸索或与人沟通，正确领会客户需求并迅速做出响应，对执行结果第一时间反馈。</p>
              <p>（2分）站在客户角度思考，分析客户意见，与客户进行高频沟通，提出自己的看法与建议。</p>
              <p>（3分）善于整合数据资源，能够透过现象看本质，挖掘客户的潜在需求，基于明确事实立即做出简单正确的推理并实践。</p>
              <p>（4分）定期恳请客户反馈，及时发现工作中的不足并改进，获得良好的个人口碑。</p>
              <p>（5分）关注市场与客户需求变化，能分清主要矛盾和次要矛盾，用发展的眼光预测事物的发展轨迹，并持续获得突破和创新，为客户创造新的价值。</p>
            </div>
          </van-collapse-item>

          <van-collapse-item name="2">
            <template #title>
              <el-form-item label="第二项" required>
                <el-input v-model="comself2" size="mini"></el-input>
              </el-form-item>
            </template>
            <div class="contentdiv">
              <div>发掘人才，共同成长</div>
              <p>（1分）工作中上进心强，通过自我学习或与人沟通，掌握工作技巧。善于发现他人优点，主动向优秀同事学习。</p>
              <p>（2分）保持空杯心态，通过工作反思或恳请他人反馈，主动发现自己的不足，持续自我完善，不断更新知识结构，提高工作技能，以适应公司发展。</p>
              <p>（3分）积极参与经验交流或培训学习，主动分享自己的工作技巧和方法，帮助他人成长。</p>
              <p>（4分）积极维护公司形象，主动宣传公司，提出过有益于公司发展的有效建议，或举荐过优质人才。</p>
              <p>（5分）个人能力和意愿与公司的需求和目标保持高度一致，并在行动上协助达成公司目标的实现，为公司的发展做出重大贡献。</p>
            </div>
          </van-collapse-item>

          <van-collapse-item name="3">
            <template #title>
             <el-form-item label="第三项" required>
                <el-input v-model="comself3" size="mini"></el-input>
              </el-form-item>
            </template>
            <div class="contentdiv">
              <div>追求极致</div>
              <p>（1分）认可岗位价值，专注于自己的工作，保持对工作的深度思考和钻研。</p>
              <p>（2分）有明确的工作目标，对工作输出有较高的标准，并运用各种方法确保达标。</p>
              <p>（3分）求责于己，不断自我反馈，自我纠正；不断设置更高的目标，把今天的最好表现当做明天的最低要求，不断超越自己，追求新的高度。</p>
              <p>（4分）对自己工作结果输出精益求精，做到比客户还了解客户需求，80%的工作做到超预期。</p>
              <p>（5分）经常审视所有环节还有哪里可以做得更好？不断找到新的突破点，提出创新改善方案，并获得成功。</p>
            </div>
          </van-collapse-item>

          <van-collapse-item name="4">
            <template #title>
             <el-form-item label="第四项" required>
                <el-input v-model="comself4" size="mini"></el-input>
              </el-form-item>
            </template>
            <div class="contentdiv">
              <div>正直</div>
              <p>（1分）遵守公司各项规章制度，诚实守信、言行一致。遇到利益诱惑时能坚持原则，不因职务之便谋取私利。对于违反公司规则的要求，勇敢的说“不”。</p>
              <p>（2分）通过正确的程序和流程，准确表达自己的观点；不传播未经证实的消息，不在背后不负责任的议论人和事，并能正面引导。</p>
              <p>（3分）勇于承认错误，敢于承担责任，虚心接受他人的意见并及时改正。</p>
              <p>（4分）客观反映问题，敢于指出他人的错误，不受利益和压力的影响，不将个人喜好带入工作中，对事情进行公平公正的评价和处理，充分体现对事不对人的原则。</p>
              <p>（5分）对损害公司利益的行为严厉制止。始终坚持个人原则，维护公司利益，做正确的事情，不随波逐流。</p>
            </div>
          </van-collapse-item>

          <van-collapse-item name="5">
            <template #title>
             <el-form-item label="第五项" required>
                <el-input v-model="comself5" size="mini"></el-input>
              </el-form-item>
            </template>
            <div class="contentdiv">
              <div>敬业</div>
              <p>（1分）工作时间只做与工作相关的事，没有因工作失职而造成重复错误。不随意迟到、早退和请假。</p>
              <p>（2分）认可自己的工作职责，认真的采取行动去完成这些职责。始终保持良好的工作状态，对工作不应付了事，能按时交付成果，工作结果符合标准。</p>
              <p>（3分）具有使命感，对工作充满激情，不计较个人得失，宁愿放弃休息时间也要按时保质保量地完成任务。在工作中遇到困难时不放弃，会努力克服困难完成任务。</p>
              <p>（4分）持续学习，自我完善，通过各种途径不断提升工作技能，以高质量标准要求自己。</p>
              <p>（5分）能依据公司的发展需求安排工作的轻重缓急和优先次序，不因为短期业绩压力而忽略长期发展的要求，确保工作中以最少投入获得最大产出。</p>
            </div>
          </van-collapse-item>

          <van-collapse-item name="6">
            <template #title>
             <el-form-item label="第六项" required>
                <el-input v-model="comself6" size="mini"></el-input>
              </el-form-item>
            </template>
            <div class="contentdiv">
              <div>友善</div>
              <p>（1分）尊重他人、礼貌沟通，积极融入团队，全力配合团队完成工作。</p>
              <p>（2分）做到换位思考，合理表达诉求，面对争执时保持理智，不将个人情绪带入工作当中，肯定团队中他人的付出。</p>
              <p>（3分）心态积极，乐于分享业务知识和经验，主动帮助他人解决问题。</p>
              <p>（4分）集体荣誉感强，工作中主动承担更多的任务或职责，使得团队工作顺利开展。</p>
              <p>（5分）心怀感恩、以身作则，积极正面的影响团队，引导团队形成友善互助的风气，有效提升工作效率。</p>
            </div>
          </van-collapse-item>
        </van-collapse>
      </van-popup>-->

      <p class="area_title">考试文件和价值观考核文件可下载后评分上传</p>
      <el-form-item label="考试文件" required>
        <!--<p style="font-size: xx-small">请以"企业文化考试_工号_姓名"命名上传的试题，如:企业文化考试_WG123_张三</p>
        <input id="file" class="file-upload-input" title="简历" ref="inputer" type="file" multiple accept="*/*" @change="afterRead()">-->
        <!-- <input
          id="file"
          class="file-upload-input"
          title="考试文件"
          ref="inputer"
          type="file"
          multiple
          accept="*/*"
          @change="afterRead2()"
          style="width: 80px"
        /> -->
        <a :href="fileUrl">{{ fileName }}</a>
      </el-form-item>
      <el-form-item label="价值观考核文件" required>
        <!--<p style="font-size: xx-small">请以"企业核心价值观考核_工号_姓名"命名上传的试题，如:企业核心价值观考核_WG123_张三</p>
        <input id="file1" class="file-upload-input" title="企业核心价值观考核标准" ref="inputer1" type="file" multiple accept="*/*" @change="afterRead1()">-->
        <input
          id="file1"
          class="file-upload-input"
          title="价值观考核文件"
          ref="inputer1"
          type="file"
          multiple
          accept="*/*"
          @change="afterRead3()"
          style="width: 80px"
        />
        <a :href="fileUrl1">{{ fileName1 }}</a>
      </el-form-item>

      <el-form-item label="试用期评估" required>
        <!--<p style="font-size: xx-small">请以"试用期评估_工号_姓名"命名上传的试题，如:企业文化考试_WG123_张三</p>-->
        <input
          id="file2"
          class="file-upload-input"
          title="试用期评估"
          ref="inputer2"
          type="file"
          multiple
          accept="*/*"
          @change="afterRead()"
          style="width: 80px"
        />
        <a :href="fileUrl2">{{ fileName2 }}</a>
      </el-form-item>
      <el-form-item label="试用期目标考核" required>
        <!--<p style="font-size: xx-small">请以"试用期目标考核_工号_姓名"命名上传的试题，如:企业核心价值观考核_WG123_张三</p>-->
        <input
          id="file3"
          class="file-upload-input"
          title="试用期目标考核"
          ref="inputer3"
          type="file"
          multiple
          accept="*/*"
          @change="afterRead1()"
          style="width: 80px"
        />
        <a :href="fileUrl3">{{ fileName3 }}</a>
      </el-form-item>

      <!--<van-dialog v-if="show" show-cancel-button :before-close="chargeBtn">
        <el-form-item label="驳回原因" required>
          <el-input v-model="reason" size="mini"></el-input>
        </el-form-item>
      </van-dialog>-->

      <van-dialog
        title="   "
        v-model="show"
        show-cancel-button
        :before-close="chargeBtn"
        message-align="left"
      >
        <el-form-item label="驳回原因" required>
          <el-input
            v-model="reason"
            type="textarea"
            :autosize="{ minRows: 4 }"
          ></el-input>
        </el-form-item>
      </van-dialog>

      <el-form-item>
        <!--<el-button v-bind:disabled="isShow" type="primary" size="mini" @click="submitPost">{{message}}</el-button>-->
        <el-button
          id="isAgree"
          v-show="showtg"
          v-bind:disabled="isShow"
          type="primary"
          size="mini"
          @click="submitAgree"
          >{{ message }}</el-button
        >
        <el-button
          id="isNotAgree"
          v-show="showbh"
          v-bind:disabled="isShow"
          type="warning"
          size="mini"
          @click="submitNotAgree"
          >{{ message1 }}</el-button
        >
      </el-form-item>
    </el-form>
  </div>
</template>

<script>
import Vue from "vue";
import { Toast, Popup, Collapse, CollapseItem, Dialog } from "vant";
Vue.use(Popup);
Vue.use(Collapse);
Vue.use(CollapseItem);
Vue.use(Dialog);
export default {
  data() {
    return {
      id: "",
      jobNum: "",
      uname: "",
      area: "",
      list:{},
      /*selfEva:"0",
      self1:"0",
      self2:"0",
      self3:"0",
      self4:"0",
      self5:"0",
      self6:"0",
      exa1:"",
      exa2:"",
      exa3:"",
      exa4:"",
      exa5:"",
      exa6:"",
      leaderEva:"0",
      leaderself1:"0",
      leaderself2:"0",
      leaderself3:"0",
      leaderself4:"0",
      leaderself5:"0",
      leaderself6:"0",
      comEva:"0",
      comself1:"0",
      comself2:"0",
      comself3:"0",
      comself4:"0",
      comself5:"0",
      comself6:"0",*/

      title: "转正申请",
      uploadImageUrl: "/mobiles/uploadFile",

      fileName: "",
      fileUrl: "",
      fileName1: "",
      fileUrl1: "",
      fileList2: [],
      fileName2: "",
      fileUrl2: "",
      fileList3: [],
      fileName3: "",
      fileUrl3: "",
      isShow: false,
      message: "通过",
      message1: "驳回",
      show: false,

      showtg: true,
      showbh: true,

      activeName: "",
      leaderactiveName: "",
      comactiveName: "",

      leadershow: false,
      comshow: false,
      code: "",
    };
  },
  created() {
    this.nowUser = JSON.parse(localStorage.getItem("userInfo")).userId;
    this.id = this.$route.params.id;
    this.selFileUrl(); //获取对应文档的链接
    this.findPositiveApply();
  },
  methods: {
    selFileUrl() {
      this.$https
        .post("/mobiles/selStayPositiveFile", {
          pid: this.id,
        })
        .then((data) => {
          this.list = data.data.data
          // console.log(data);
          let name = data.data.data["试用期目标"].fileName;
          let url = data.data.data["试用期目标"].filePath;
          document.getElementById("syqmbkh").href = url;
          document.getElementById("syqmbkh").innerText = name;
          let name2 = data.data.data["试用期考核"].fileName;
          let url2 = data.data.data["试用期考核"].filePath;
          document.getElementById("jxpm").href = url2;
          document.getElementById("jxpm").innerText = name2;

          /*for (var i = 0; i < data.data.data.length; i++) {
          if (data.data.data[i].filemark=='试用期目标考核.xlsx'){
            document.getElementById("syqmbkh").href=data.data.data[i].url;
          }
          if (data.data.data[i].filemark=='绩效排名(试用期转正).xlsx'){
            document.getElementById("jxpm").href=data.data.data[i].url;
          }
          if (data.data.data[i].filemark=='独立开发试用期转正评估.xlsx'){
            document.getElementById("dlkf").href=data.data.data[i].url;
          }
          if (data.data.data[i].filemark=='开发助理试用期评估.xlsx'){
            document.getElementById("kfzl").href=data.data.data[i].url;
          }
        }*/
        })
        .catch((err) => {
          console.log(err);
        });
    },
    //监听上传变动
    afterRead() {
      let formData = new FormData();
      //fs=$("#file")[0].files;
      //console.log(this.$refs.inputer);
      var fs = this.$refs.inputer2.files;
      for (let i = 0; i < fs.length; i++) {
        formData.append("fileList", fs[i]); //文件上传处理
      }
      this.$https
        .post(this.uploadImageUrl, formData, {
          timeout: 0, //无超时时间
          headers: { "Content-Type": "multipart/form-data" },
        })
        .then((res) => {
          //debugger
          this.fileList2 = res.data.data;
          this.fileName2 = this.fileList2[this.fileList2.length - 1].fileName;
          this.fileUrl2 = this.fileList2[this.fileList2.length - 1].filePath;

          Toast("上传完成");
        })
        .catch((err) => {
          console.log(err);
        });
    },
    afterRead1() {
      let formData = new FormData();
      //fs=$("#file")[0].files;
      //console.log(this.$refs.inputer);
      var fs = this.$refs.inputer3.files;
      for (let i = 0; i < fs.length; i++) {
        formData.append("fileList", fs[i]); //文件上传处理
      }
      this.$https
        .post(this.uploadImageUrl, formData, {
          timeout: 0, //无超时时间
          headers: { "Content-Type": "multipart/form-data" },
        })
        .then((res) => {
          //debugger
          this.fileList3 = res.data.data;
          this.fileName3 = this.fileList3[this.fileList3.length - 1].fileName;
          this.fileUrl3 = this.fileList3[this.fileList3.length - 1].filePath;

          Toast("上传完成");
        })
        .catch((err) => {
          console.log(err);
        });
    },
    afterRead2() {
      let formData = new FormData();
      //fs=$("#file")[0].files;
      //console.log(this.$refs.inputer);
      var fs = this.$refs.inputer.files;
      console.log(fs);
      for (let i = 0; i < fs.length; i++) {
        formData.append("fileList", fs[i]); //文件上传处理
      }
      this.$https
        .post(this.uploadImageUrl, formData, {
          timeout: 0, //无超时时间
          headers: { "Content-Type": "multipart/form-data" },
        })
        .then((res) => {
          //debugger
          this.fileList = res.data.data;
          this.fileName = this.fileList[this.fileList.length - 1].fileName;
          this.fileUrl = this.fileList[this.fileList.length - 1].filePath;

          Toast("上传完成");
        })
        .catch((err) => {
          console.log(err);
        });
    },
    afterRead3() {
      let formData = new FormData();
      //fs=$("#file")[0].files;
      //console.log(this.$refs.inputer);
      var fs = this.$refs.inputer1.files;
      for (let i = 0; i < fs.length; i++) {
        formData.append("fileList", fs[i]); //文件上传处理
      }
      this.$https
        .post(this.uploadImageUrl, formData, {
          timeout: 0, //无超时时间
          headers: { "Content-Type": "multipart/form-data" },
        })
        .then((res) => {
          //debugger
          this.fileList1 = res.data.data;
          this.fileName1 = this.fileList1[this.fileList1.length - 1].fileName;
          this.fileUrl1 = this.fileList1[this.fileList1.length - 1].filePath;

          Toast("上传完成");
        })
        .catch((err) => {
          console.log(err);
        });
    },
    findPositiveApply() {
      this.$https
        .post("/mobiles/findPositiveApply", {
          id: this.id,
          nowUser: this.nowUser,
        })
        .then((res) => {
          if (res.data.code == "500") {
            this.code = 500;
            this.$toast(res.data.message);
          } else {
            this.code = "";
          }
          if (res.data.data.positiveApply != null) {
            /*this.self1=res.data.data.self.score1;
          this.self2=res.data.data.self.score2;
          this.self3=res.data.data.self.score3;
          this.self4=res.data.data.self.score4;
          this.self5=res.data.data.self.score5;
          this.self6=res.data.data.self.score6;
          this.exa1=res.data.data.self.exa1;
          this.exa2=res.data.data.self.exa2;
          this.exa3=res.data.data.self.exa3;
          this.exa4=res.data.data.self.exa4;
          this.exa5=res.data.data.self.exa5;
          this.exa6=res.data.data.self.exa6;
          this.leaderself1=res.data.data.leader.score1;
          this.leaderself2=res.data.data.leader.score2;
          this.leaderself3=res.data.data.leader.score3;
          this.leaderself4=res.data.data.leader.score4;
          this.leaderself5=res.data.data.leader.score5;
          this.leaderself6=res.data.data.leader.score6;
          this.comself1=res.data.data.com.score1;
          this.comself2=res.data.data.com.score2;
          this.comself3=res.data.data.com.score3;
          this.comself4=res.data.data.com.score4;
          this.comself5=res.data.data.com.score5;
          this.comself6=res.data.data.com.score6;*/

            this.jobNum = res.data.data.jobNum;
            this.uname = res.data.data.uname;
            this.area = res.data.data.positiveApply.area;
            /*this.selfEva=res.data.data.positiveApply.selfEvaluation;
          this.leaderEva=res.data.data.positiveApply.leaderEvaluation;
          this.comEva=res.data.data.positiveApply.comEvaluation;*/
            this.fileUrl = res.data.data.fileUrl;
            this.fileName = res.data.data.fileName;
            this.fileUrl1 = res.data.data.fileUrl1;
            this.fileName1 = res.data.data.fileName1;
            this.fileUrl2 = res.data.data.fileUrl2;
            this.fileName2 = res.data.data.fileName2;
            this.fileUrl3 = res.data.data.fileUrl3;
            this.fileName3 = res.data.data.fileName3;

            if (res.data.data.submit == "0") {
              this.isShow = true;
              this.message = "已审核";
              this.showbh = false;
            } else if (res.data.data.submit == "1") {
              this.isShow = true;
              this.message = "已通过";
              this.showbh = false;
            } else if (res.data.data.submit == "2") {
              this.isShow = true;
              this.message1 = "已驳回";
              this.showtg = false;
            }
          }
        })
        .catch((err) => {
          console.log(err);
        });
    },

    /*    close(){
      this.selfEva=(parseFloat(this.self1)+parseFloat(this.self2)+parseFloat(this.self3)+parseFloat(this.self4)+parseFloat(this.self5)+parseFloat(this.self6)).toFixed(1).toString();
    },
    leaderclose(){
      this.leaderEva=(parseFloat(this.leaderself1)+parseFloat(this.leaderself2)+parseFloat(this.leaderself3)+parseFloat(this.leaderself4)+parseFloat(this.leaderself5)+parseFloat(this.leaderself6)).toFixed(1).toString();
    },
    comclose(){
      this.comEva=(parseFloat(this.comself1)+parseFloat(this.comself2)+parseFloat(this.comself3)+parseFloat(this.comself4)+parseFloat(this.comself5)+parseFloat(this.comself6)).toFixed(1).toString();
    },*/

    // 返回
    goBack() {
      this.$router.go(-1);
    },
    // 提交
    /*submitPost() {

      if (!this.isNull()) return false;
      var fid='';
      if (this.fileList.length>0){
        fid=this.fileList[this.fileList.length-1].fileId;
      }

      this.$https.post(this.addPositiveApply, {
        nowUser:this.nowUser,

        jobNum:this.jobNum,
        uname:this.uname,
        area:this.area,
        selfEva:this.selfEva,
        self1:this.self1,self2:this.self2,self3:this.self3,self4:this.self4,self5:this.self5,self6:this.self6,
        exa1:this.exa1,exa2:this.exa2,exa3:this.exa3,exa4:this.exa4,exa5:this.exa5,exa6:this.exa6,
        leaderEva:this.leaderEva,
        leaderself1:this.leaderself1,leaderself2:this.leaderself2,leaderself3:this.leaderself3,leaderself4:this.leaderself4,leaderself5:this.leaderself5,leaderself6:this.leaderself6,
        comEva:this.comEva,
        comself1:this.comself1,comself2:this.comself2,comself3:this.comself3,comself4:this.comself4,comself5:this.comself5,comself6:this.comself6,
        fileId:fid,


      }).then(res => {
        res;
        Toast("推送成功");
        this.isShow=true;
        this.message="已提交";
        this.$router.go(-1);
      }).catch(err => {
        console.log(err)
      });
    },*/

    // 提交同意
    submitAgree() {
      var fid1 = "";
      if (this.fileList1 && this.fileList1.length > 0) {
        fid1 = this.fileList2[this.fileList1.length - 1].fileId;
      }
      var fid2 = "";
      if (this.fileList2 && this.fileList2.length > 0) {
        fid2 = this.fileList2[this.fileList2.length - 1].fileId;
      }
      var fid3 = "";
      if (this.fileList3 && this.fileList3.length > 0) {
        fid3 = this.fileList3[this.fileList3.length - 1].fileId;
      } 
      if (this.list && this.list['核心价值观考核'].filePath &&  this.list['试用期目标'].filePath&&this.list['试用期考核'].filePath) {
        this.$https
          .post("/mobiles/isAgreePositiveApply", {
            nowUser: this.nowUser,
            id: this.id,
            fid1: fid1,
            fid2: fid2,
            fid3: fid3,
          })
          .then((res) => {
            res;
            Toast("已同意");
            this.message = "已同意";
            this.isShow = true;
            this.findPositiveApply(); //找到对应的页面详情，及领导信息
            //JSON.parse(localStorage.getItem('userInfo')).userId;
            //this.$router.go(-1);
          })
          .catch((err) => {
            console.log(err);
          });
      }else{
        Toast("请确保'核心价值观考核'文件,'试用期目标'文件,'试用期考核'文件,都已经上传");
      }
    },

    //驳回
    submitNotAgree() {
      this.show = true;
    },
    chargeBtn(action, done) {
      if (action === "cancel") {
        done();
      } else if (action === "confirm") {
        this.show = false;
        var fid1 = "";
        if (this.fileList1 &&this.fileList1.length > 0) {
          fid1 = this.fileList1[this.fileList1.length - 1].fileId;
        } 
        var fid2 = "";
        if (this.fileList2 && this.fileList2.length > 0) {
          fid2 = this.fileList2[this.fileList2.length - 1].fileId;
        } 
        var fid3 = "";
        if (this.fileList3 && this.fileList3.length > 0) {
          fid3 = this.fileList3[this.fileList3.length - 1].fileId;
        } 
        if (this.list && this.list['核心价值观考核'].filePath &&  this.list['试用期目标'].filePath&&this.list['试用期考核'].filePath) {
          this.$https
            .post("/mobiles/isAgreePositiveApply", {
              nowUser: this.nowUser,
              id: this.id,
              reason: this.reason,
              fid1: fid1,
              fid2: fid2,
              fid3: fid3,
            })
            .then((res) => {
              res;
              Toast("已驳回");
              this.findPositiveApply(); //找到对应的页面详情，及领导信息
            })
            .catch((err) => {
              console.log(err);
            });
        }else{
          Toast("请确保'核心价值观考核'文件,'试用期目标'文件,'试用期考核'文件,都已经上传");
        }
      }
    },

    //判断相关数据是否为空
    isNull() {
      if (this.uname == "") {
        this.$toast("姓名不能为空");
        return false;
      }
      if (this.area == "") {
        this.$toast("区域不能为空");
        return false;
      }
      if (this.code == "500") {
        this.$toast("用户不存在，请检查用户名");
        return false;
      }
      return true;
    },
  },
};
</script>

<style lang="scss" scoped>
input[type="file"] {
  color: transparent;
}
.documnet_area {
  /*width: 100%;*/
  margin-left: 0;
  // padding: 20px 0;
  padding-top: 20px;
  display: flex;
  flex-flow: row wrap;
  font-size: 14px;
  color: #606266;
  .title {
    width: 150px;
    padding-left: 10px;
  }
  .item {
    padding: 2px 10px;
    color: white;
    background-color: #67c23a;
    border-radius: 10px;
    margin-right: 10px;
    margin-bottom: 10px;
  }
}
// .section_common {
//   // background-color: white;
// }
.el-form {
  padding-right: 10px;
  padding-bottom: 10px;
}
.upload-demo {
  .el-upload__tip {
    font-size: 12px;
    line-height: 16px;
  }
}
.area_title {
  padding: 10px 0;
  font-size: 12px;
  color: #fb5430;
}
</style>